<!--
  Copyright (c) 2018-2999 广州市蓝海创新科技有限公司 All rights reserved.

  https://www.mall4j.com/

  未经允许，不可做商业用途！

  版权所有，侵权必究！
-->

<template>
  <view class="Mall4j component-empty-tips">
    <image
      class="empty-tips-image"
      src="/static/images/empty-tips.png"
      mode="widthFix"
    />
    <view
      v-if="tipsList.length"
      class="tips-con"
    >
      <view
        v-for="(tip, index) in tipsList"
        :key="index"
        class="tips-item"
      >
        {{ tip }}
      </view>
    </view>
  </view>
</template>

<script setup>

defineProps({
  tipsList: {
    type: Array,
    default: () => ['提示内容由组件传入数组', '数组中每一项就是一行，这里是默认的第二行']

  }
})

</script>

<style lang="scss" scoped>
.component-empty-tips {
  width: 100%;
  text-align: center;
  padding-top: 25%;

  .empty-tips-image {
    width: 400rpx;
    height: 220rpx;
    margin-bottom: 20rpx;
  }

  .tips-con {
    color: #999999;
    font-size: 24rpx;

    .tips-item {
      margin-bottom: 10rpx;
    }
  }
}
</style>
